/*----image hove----*/
.view{float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#fff;width:100%; /*add by mlss 20161221*/}
.view .mask,.view .content{position:absolute;overflow:hidden;top:0;left:0;height:100%;width:100%;}
.view img{display:block;position:relative;}
.view h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:16px;padding:10px;background:rgba(0,0,0,0.8);margin:5px 0 0 0;}
.view p{font-size:12px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center;margin-bottom:10px;}
.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;}
.view a.info:hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;}
.view-tenth img{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.view-tenth .mask{background-color:rgba(0,0,0,0.5);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.view-tenth h2{background:transparent;margin:0px 10px;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);color:#333;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.view-tenth p{color:#333;line-height:normal;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}
.view-tenth a.info{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}
.view-tenth:hover img{-webkit-transform:scale(5);-moz-transform:scale(5);-o-transform:scale(5);-ms-transform:scale(5);transform:scale(5);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=.5);opacity:.5;}
.view-tenth:hover .mask{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;}

/*imageview icon hover*/
[data-zlname]{position:relative;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*IMGS IN CONTAINER*/
[data-zlname] > img{display:block;max-width:100%;}

/*POP UP ELEMENTS*/
[data-zlname] [data-zl-popup]{position:absolute;display:block;padding:1px;height:40px;width:40px;background:#323231;color:#fff;overflow:hidden;display:none;text-align:center;}

/*OVERLAY*/

/*classic*/
[data-zl-overlay]{top:0;left:0;position:absolute;width:100%;height:100%;display:none;padding:inherit;}

/*four*/
[data-zl-ovzoom0],[data-zl-ovzoom1],[data-zl-ovzoom2],[data-zl-ovzoom3]{position:absolute;width:25%;height:100%;}

/*rolling*/
[data-zl-ovrolling]{position:absolute;display:none;width:100%;height:100%;}

/*double*/
[data-zl-ovdouble0],[data-zl-ovdouble1]{position:absolute;display:none;}

/*-------*/
[data-zlname = reverse-effect] [data-zl-popup = link]{background:rgba(256,256,256,1);border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;}
[data-zlname = reverse-effect] [data-zl-popup = link2]{background:rgba(256,256,256,1);border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;}
[data-zlname = reverse-effect] [data-zl-popup = link]:hover,[data-zlname = reverse-effect] [data-zl-popup = link2]:hover{opacity:.5;}
.mask a i{color:#242424!important;font-size:16px;line-height:40px;}
.r-work{color:#475168;text-transform:uppercase;font-size:24px;font-weight:400;margin-bottom:20px;font-family:'Fjalla One',sans-serif;}
.bx-wrapper{margin-bottom:120px;}